<template>
	<view>
		<u-picker :show="show" :columns="flavorList" keyName="name" @confirm="ok" 
		 defaultIndex="0" @cancel="cancel" @change="changeFlavor"></u-picker>
		<!-- <u-button @click="show = true">打开</u-button> -->
	</view>
</template>

<script>
	export default {
		props: {
			flavorList: {
				type: Array,
				default: []
			}
		},
		data() {
			return {
				show: false,
				// Done:false,
				// flavorIndex:1,
				// columns: [
				// 	[{
				//   label: '雪月夜',
				// 		// 其他属性值
				// 		id: 2021
				// 		// ...
				// 	}, {
				//   label: '冷夜雨',
				// 		id: 804
				// 	}]
				// ],
			}
		},
		onLoad() {
			console.log('子组件接收到的数据')
			console.log(this.flavorList)
			// this.getOrderFlavor()
		},
		methods: {

			// getOrderFlavor() {
			// 	http.get('/flavor').then(res=>{
			// 		console.log(res)
			// 	})
			// }
			changeFlavor(e) {
				// console.log('当前触发了change',e)
				this.flavorIndex= e.index
				// const curFlavor = this.flavorList[this.flavorIndex]
				this.$emit('setFlavor',
					this.flavorIndex,
				)
			},
			cancel(){
				this.show = false
				this.flavorIndex = 0
			},
			ok(e){
				// console.log('当前点击了确定',e)
				// this.flavorIndex = e.index
				this.show = false
				// this.Done = true
				// this.$emit('setFlavor',this.flavorIndex)
				
			}
		}
	}
</script>
